import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
import Home from '@/views/home/index.vue'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
  {
    path: '/login',
    name: 'Login',
    component: () =>
      import(/* webpackChunkName: "login" */ '@/views/login/index.vue'),
  },
  {
    path: '/mine',
    name: 'Mine',
    component: () =>
      import(/* webpackChunkName: "mine" */ '@/views/mine/index.vue'),
  },
  {
    path: '/song-related-video',
    name: 'SongRelatedVideo',
    component: () =>
      import(
        /* webpackChunkName: "SongRelatedVideo" */ '@/views/song-related-video/index.vue'
      ),
  },
  {
    path: '/example-list',
    name: 'ExampleList',
    component: () =>
      import(/* webpackChunkName: "ExampleList" */ '@/views/example/list.vue'),
  },
]

const router = createRouter({
  history: createWebHashHistory(),
  routes,
})

export default router
